<template>
  <div class="myfllow">
  	<div class="itemList">
  		<div class="list-item">
  			<p class="item-text">饮水推荐</p>
  			<div class="img-title">
  				<div class="title-img-model">
  					<img class="title-img" src="../assets/logo.png">
  				</div>
  				<div class="title-con-model">
	  				<span class="title-text">富氧水</span>
	  				<span class="title-description">每升水80毫升氧气</span>
  				</div>
  			</div>
  			<p class="item-con">
  				可以有效补充人体所需氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。
  			</p>
  		</div>
  		<div class="list-item">
  			<p class="item-text">饮水推荐</p>
  			<div class="img-title">
  				<div class="title-img-model">
  					<img class="title-img" src="../assets/logo.png">
  				</div>
  				<div class="title-con-model">
	  				<span class="title-text">富氧水</span>
	  				<span class="title-description">每升水80毫升氧气</span>
  				</div>
  			</div>
  			<p class="item-con">
  				可以有效补充人体所需氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。
  			</p>
  		</div>
  		<div class="list-item">
  			<p class="item-text">饮水推荐</p>
  			<div class="img-title">
  				<div class="title-img-model">
  					<img class="title-img" src="../assets/logo.png">
  				</div>
  				<div class="title-con-model">
	  				<span class="title-text">富氧水</span>
	  				<span class="title-description">每升水80毫升氧气</span>
  				</div>
  			</div>
  			<p class="item-con">
  				可以有效补充人体所需氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。氧气，通过喝这种水，即可通过消化道黏膜渗透方式吸收水中的高浓度氧气，达到高效、简便、无毒副作用的补氧气。
  			</p>
  		</div>
  	</div>
  </div>
</template>

<script>

export default {
  name: 'myfllow',
  components: {
  }
}
</script>
<style lang="scss" scoped>
@import "../style/public.scss";
	.myfllow{
		padding:rem(10) rem(40) rem(40);
		.itemList{
			.list-item{
				margin-bottom:rem(24);
				padding:rem(30) rem(38);
				height:rem(320);
				box-shadow: 0 rem(4) rem(24) 0 rgba(0,0,0,.1);
				border-radius:rem(18);
				.item-text{
					text-align:left;
					font-size:rem(32);
					color:#474747;
					margin-bottom:rem(12);
				}
				.img-title{
					display:flex;
					margin-bottom:rem(10);
					.title-img-model{
						margin-right:rem(26);
						.title-img{
							height:rem(86);
							width:rem(83);
						}
					}
					.title-con-model{
						display: flex;
						flex-direction: column;
						text-align:left;
						.title-text{
							margin-bottom:rem(8);
							font-size:rem(32);
							color:#474747;
						}
						.title-description{
							font-size:rem(28);
							color:#a4a4a4;
						}
					}
				}
				.item-con{
					font-size:rem(24);
					color:#a4a4a4;
					text-align:left;
					height:rem(106);
					overflow:hidden;
				}
			}
		}
	}
</style>
